<template>
  <div>
    <h1>组件的使用</h1>
    <hr>
    <!-- Left组件 -->
    <my-left></my-left>
    <hr>
    <!-- Right组件 -->
    <my-right></my-right>
  </div>
</template>

<script>
import MyLeft from './components/Left.vue'
import MyRight from '@/components/Right.vue'
export default {
  components:{
    // 标签名：导入的组件  键值对，键值对相同值可以不写
    MyLeft:MyLeft,
    MyRight
    
  }
}
</script>

<style>
h1{
  color: #fe7299;
}
</style>